import { createRouter, createWebHistory } from 'vue-router'
//@ts-ignore
import VueCompositionApi from '../views/Vue-Composition-Api.vue';
//@ts-ignore
import VueOptionApi from '../views/Vue-Option-Api.vue';
//@ts-ignore
import App from '../App.vue';
//@ts-ignore
import Parent2Child from '../views/Parent2Child/ParentComponent.vue';
//@ts-ignore
import Child2Parent from '../views/Child2Parent/ParentComponent.vue';

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/Vue-Composition-Api',
      name: 'Vue-Composition-Api',
      component: VueCompositionApi
    },
    {
      path: '/Vue-Option-Api',
      name: 'Vue-Option-Api',
      component: VueOptionApi
    },
    {
      path: '/Parent2Child',
      name: 'Parent2Child',
      component: Parent2Child
    },
    {
      path: '/Child2Parent',
      name: 'Child2Parent',
      component: Child2Parent
    },
    {
      path: '/src/App.vue',
      name: 'src/App.vue',
      component: VueOptionApi
    }
  ]
})

export default router
